<script type="text/html" template>
  <link rel="stylesheet" href="{{ layui.setter.base }}assets/css/m-global.css?v={{layui.cache.version}}" media="all">
  <link rel="stylesheet" href="{{ layui.setter.base }}assets/plugins/city-picker/city-picker.css" media="all">
  <script src="{{ layui.setter.base }}assets/plugins/city-picker/city-picker.data.js"></script>
</script>
<title>
  首页</title>

<div class="layui-card layadmin-header">
  <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <a lay-href>
      <cite>首页</cite>
    </a>
    <a>
      <cite>订单管理</cite>
    </a>
  </div>
</div>

<div class="layui-fluid">
  <div class="layui-card">
    <header class="layui-card-header">订单管理</header>
    <form class="layui-form layui-card-body">
      <div class="layui-row layui-col-space10 layui-form-item">
        <div class="layui-col-lg3 layui-col-md6">
          <label for="" class="layui-form-label">订单ID</label>
          <div class="layui-input-block">
            <input type="text" name="order_id" class="layui-input" placeholder="请输入" autocomplete="off">
          </div>
        </div>
        <div class="layui-col-lg3 layui-col-md6">
          <label for="" class="layui-form-label">用户编号</label>
          <div class="layui-input-block">
            <input type="text" name="number" class="layui-input" placeholder="请输入" autocomplete="off">
          </div>
        </div>
        <div class="layui-col-lg3 layui-col-md6">
          <label for="" class="layui-form-label">收货人姓名</label>
          <div class="layui-input-block">
            <input type="text" name="receiver_name" class="layui-input" placeholder="请输入" autocomplete="off">
          </div>
        </div>
        <div class="layui-col-lg3 layui-col-md6">
          <label for="" class="layui-form-label">收货人手机</label>
          <div class="layui-input-block">
            <input type="text" name="receiver_mobile" class="layui-input" placeholder="请输入" autocomplete="off">
          </div>
        </div>
        <div class="layui-col-lg3 layui-col-md6">
          <label for="" class="layui-form-label">类型</label>
          <div class="layui-input-block">
            <input type="radio" name="type" title="配件" value="parts">
            <input type="radio" name="type" title="成套" value="product">
          </div>
        </div>
        <div class="layui-col-lg3 layui-col-md6">
          <label for="" class="layui-form-label">订单状态</label>
          <div class="layui-input-block">
            <select name="status">
              <option value="">请选择</option>
              <option value="created">待付款</option>
              <option value="paid">待发货</option>
              <option value="delivered">已发货</option>
              <option value="received">已收货</option>
            </select>
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn js-table-search" lay-submit lay-filter="js-btn-table-search">查询</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
          </div>
        </div>
      </div>
    </form>
    <div class="layui-card-body">
      <table id="tableList" lay-filter="tableList"></table>
      <script type="text/html" id="theadToolbar">
        <a href="javascript:;" class="layui-btn" lay-event="add">新增</a>
      </script>
      <script type="text/html" id="trToolbar">
        <!-- <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a> -->
        <!-- <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a> -->
        {{# if(d.status==='paid'){ }}
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="send">发货</a>
        {{# } }}
        <!-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> -->
      </script>
    </div>
  </div>
</div>

<script>
  layui.use('m-order', layui.factory('m-order'));
</script>